<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>罗老师的官方网站</title>
</head>

<body>

    <a id="dingbu" href="">刷新</a>
    <a href="#dibu"> 跳到底部</a>

    <h1>欢迎来到罗老师的官方网站</h1>
    <p>这里是罗老师的个人网站，欢迎访问！</p>
    <p>这里是罗老师的个人网站，欢迎访问！</p>

    <span style="font-size: 50px;"> 我是</span>
    <span style="color: red; font-size: 20px;">舒沿博</span>

    <img src="./666.jpg" alt="" style="width: 100px;   height: 100px;" srcset="">

    <div style="font-size: 50px;"> 四川</div>
    <div style="color: blue; background-color: yellow;
 width: 300px; height: 100px; text-align: center; border-radius: 200px;"> 邮电职业</div>
    <div style="color: brown; border: 2px green solid;"> 技术学院</div>
    
    <div></div>
    <h1>四川</h1>
    <h2>成都</h2>
    <br>
    <h3>锦江</h3>
    <h4>广安</h4>
    
    <del <sup>2</sup> + y <sup>2</sup> = z <sup>2</sup> </del>
    
    <div> a <sub>2</sub> + b <sub>2</sub> = c <sub>2</sub></div>
    
    <i> 周星驰</i>
    <p> <b style="color: red;"> 张学友</b></p><b> 张国荣 </b>
    
    <u> 张国荣</u>
    
    <span style="font-family: 华文行楷;">  字体行楷</span>
    
    <pre style="background-color: #f2f2f2; padding: 10px;">
            这里是
            多行
            文本
    </pre>




    div*2>div*3>div*4>u*5


我是 <address> 地址：四川成都广安</address>

百度搜索： <a href="https://www.baidu.com" target="_blank"> 百度</a>
京东搜索： <a href="https://www.jd.com" target="_blank"> 京东</a>
淘宝搜索： <a href="https://www.taobao.com" target="_blank"> 淘宝</a>


<a id="dibu" href="">刷新</a>
<a href="#dingbu"> 跳到顶端</a>

<a href="about:blank" target="_blank"> 打开空白标签</a>






</body>

</html>